<template>
    <div class="goods">
        <good-list-item class="goods-item" v-for="(item,index) in goods.list" :key="index" :item="item"/>
    </div>
</template>
<script>
import GoodListItem from './GoodListItem'
export default {
    name:'GoodList',
    props:{
        goods:{
         type:Object,
         default(){
             return {}
         }
        }
    },
    components:{
        GoodListItem
    }
}
</script>
<style scoped>
.goods{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
</style>